/**** Last Update: 2014-06-19 12:45:27 ****/


@font-face {
 font-family: 'hattori_hanzolight';
    src: url('https://res.diytrade.com/hc.dwres/tpl/323/font/arimo-regular-webfont.eot');
    src: url('https://res.diytrade.com/hc.dwres/tpl/323/font/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://res.diytrade.com/hc.dwres/tpl/323/font/arimo-regular-webfont.woff') format('woff'),
         url('https://res.diytrade.com/hc.dwres/tpl/323/font/arimo-regular-webfont.ttf') format('truetype'),
         url('https://res.diytrade.com/hc.dwres/tpl/323/font/arimo-regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('https://res.diytrade.com/hc.dwres/tpl/323/font/LANENAR_-webfont.eot');
    src: url('https://res.diytrade.com/hc.dwres/tpl/323/font/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://res.diytrade.com/hc.dwres/tpl/323/font/LANENAR_-webfont.woff') format('woff'),
         url('https://res.diytrade.com/hc.dwres/tpl/323/font/LANENAR_-webfont.ttf') format('truetype'),
         url('https://res.diytrade.com/hc.dwres/tpl/323/font/LANENAR_-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{
   text-decoration:none;
   color: #71a0c0;
}

a:hover{
   text-decoration:underline;
   color:#ea6c30;
}

body{
   background: url('https://res.diytrade.com/hc.dwres/tpl/323/body/bg.jpg') top center repeat-x;
}

/*******inner Frame******/
.frameContent{
	padding:15px 15px;
}

table.contentTable{
   min-height:350px;
   background-color:#fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*------page header tag------*/
.cssTitle{
  margin:10px 0 20px 0;
  border-bottom:1px dotted #aaa;
}

.cssTitle h2,.cssTitle h1, .pathSign, .pdNav{
  float:left;
  font-size: 14px;
  display:inline-block ;
  *display:inline;
  *zoom:1;
  color: #444;
  margin: 0 0 0 0;
  padding: 0 5px 5px 5px;
}

.pdNav a, .pathSign a{
  font-family: 'hattori_hanzolight', Helvetica,"microsoft yahei",  Arial  !important; 
  color: #444;
  font-size: 14px;
  font-weight:normal;
}

.pdNav a:hover, .pathSign a:hover{
  color:#e66a47;
  text-decoration:none;
}

/*--------header & menu-----------*/
.menu{
	overflow:hidden;
	position: relative;
}

.head{
  float:left;
  width:750px;
}

.head .blockFrame .h img, .head .blockFrame .b img, .head .blockFrame .c img{
  width:1px;
}

.head .headLogo {
  float:left;
  display:inline-block;
  height:80px;
  margin:0 auto;
}

.head .headLogo img{
  line-height: 80px;
  max-height:80px;
  vertical-align: middle;
}

.head .headLogo a {
  vertical-align: middle;
  line-height: 80px;
  height: 80px;
}

.head .headLogo a:hover{
  text-decoration:none;
}

.head .headTitle{
  width: 550px;
  text-align:left;
  float:left;
}

.head .headTitle a{
   color:#666;
   font-family: "microsoft yahei", Arial, Helvetica, sans-serif;
   font-size:16px;
}

.head .headTitle a:hover{
  text-decoration:none;
}

.langIcon {
  float:right;
}

.langIcon .blockCnt{
  text-align: left;
  margin:7px 10px 0 0;
}

.langIcon .mlsBtn:last-child,.langIcon .mlsBtn.lastCntChild {
   border:none;
}

.langIcon .mlsBtn a{
   color: #666;
   -webkit-transition: color 500ms linear;
   -moz-transition: color 500ms linear;
   -o-transition: color 500ms linear;
   -ms-transition:color 500ms linear;
   transition: color 500ms linear;
}

.langIcon .mlsBtn a:hover{
  text-decoration:none;
  color:#e66a47;
}

.funcIcon{
   text-align: right;
   float:right;
   margin:15px 0 0 0;
}

.urlHome a{
  background-position:  0 -285px;
}

.urlContact a{
  background-position:  -15px -285px;
}

.urlSitemap a{
  background-position:  -30px -285px;
}

.urlHome a:hover{
  background-position:  0 -303px;
}

.urlContact a:hover{
  background-position:  -15px -303px;
}

.urlSitemap a:hover{
  background-position:  -30px -303px;
}

.urlHome .urlHomeCnt, .urlContact .urlContactCnt, .urlSitemap .urlSitemapCnt{
  width:15px;
  height:15px;
  overflow:hidden;
  text-indent: 9999px;
}

.urlHome a, .urlContact a, .urlSitemap a{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin:0 3px;
  width:15px;
  display:block;
  height:15px;
  background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png');
  *background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif');
  background-repeat:no-repeat;
}


/******Menu topic*********/
.topic{
  background:#e66a47 url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png') left -80px repeat-x;
  width:990px;
  margin:0px auto 0 auto ;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.topic .blockCnt{
  display:inline-block;
  *zoom:1;
  *display:inline;
}

.topic:after {
  clear: both;
}

.topic {
  zoom: 1; /* IE < 8 */
}

.topic:before,.topic:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.topic .blockCnt{
   width:990px;
   margin:0 auto;
}

.topic .topicbtn.first a{
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.topic .topicbtn.lastChild a{
  border-width: 0 0 2px 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.topic .topicbtn:hover, .topic .topicbtn.on{
  text-decoration:none;
}

.topic .topicbtn a{
  border-width: 0 2px 2px 0;
  border-width: 0 1px 2px 0\9;
  border-color: #d74d0a;
  border-style: solid;
  -o-border-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/border.png')  0 2 0 0;
  -ms-border-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/border.png')  0 2 0 0;
  -moz-border-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/border.png')  0 2 0 0;
  -webkit-border-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/border.png')  0 2 0 0;
  background:#e66a47 url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png') left -80px repeat-x;
  float:left;
  padding:10px 10px;
  font-size: 1.2em;
  color: #fff;
  font-family: 'hattori_hanzolight', Helvetica, "microsoft yahei", Arial;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.topic .topicbtn a:hover{
  background:#e66a47 url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png') left -40px repeat-x;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration:none;
}

/*******submenu***********/
.section .blockCnt{
  padding: 0px 0;
  width: 180px;
  margin: 40px 10px 5px 10px;
  border-right: 1px solid #e2e2e2;
  overflow:hidden;
}

.section .blockCntEmpty{
  background:none;
  border: none;
  width: 190px;
  margin:5px 10px 5px 5px;
  padding: 5px 0;
}

.section .topicbtn{
   margin:5px;
}

.section .pageList{
  padding: 5px 0;
}

.pagebtn{
   color: #a6a6a6;
   padding:0;
   margin:5px 0;
}

.pagebtn.first{
  margin:0 0 5px 0;
}

.pagebtn.on ,.pagebtn:hover,.pagebtn:hover a,.pagebtn.on a{
  color:#fff !important;
  text-decoration:none;
}

.pagebtn a{
  color:#666;
  padding:5px 0 5px 12px;
}

.pagebtn:hover, .pagebtn.hvChild:hover{
  background-color: #ea6c30;
}

.pagebtn.on, .pagebtn:hover a, .pagebtn.hvChild.on a, .pagebtn.hvChild:hover a{
   background: #ea6c30 url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/bullet.png') 5px 11px no-repeat;
   color: #fff;
   text-decoration:none;
}

.pagebtn.hvChild{
   background:#fff url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/narrow_off.gif') 96% 7px no-repeat;
}

.pagebtn .childCatList{
   padding: 5px 0 5px 5px;
   background-color:#fff;
   border-bottom:1px dotted #ddd;
}

.pagebtn .childCat a{
  margin: 0 5px 0 7px;
  padding:3px 0 3px 7px;
  color: #a6a6a6 !important;
}

.pagebtn .childCat.on{
  background-color:#fff;
  background-image:none;
  padding:0px;
  margin:0px;
}

.pagebtn .childCat.off a{
  background: #fff url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/bullet_s.gif') left 8px no-repeat;
}


.pagebtn .childCat.on a, .pagebtn .childCat a:hover{
  background: #fff url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/bullet_s_on.gif') left 8px no-repeat;
  color: #ea6c30 !important;
}

.pagebtn.hvChild.on, .pagebtn.hvChild:hover{
  background:#ea6c30 url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/narrow.gif') 96% 7px no-repeat;
}

.pagebtn .childCat.last{
  _padding:0 !important;
  _margin:0 !important;
}

.menulock{
   margin: 0 0 0 5px;
   display:inline-block;
   overflow:hidden;
   width:12px;
   line-height:13px;
   text-indent:-999px;
   background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png') left -479px no-repeat;
   *background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif') left -479px no-repeat;
}

.pagebtn.on .menulock, .pagebtn:hover .menulock{
   background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png') -30px -479px no-repeat;
   *background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif') -30px -479px no-repeat;
}

.pagebtn .childCat .menulock{
   background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png') left -479px no-repeat;
  *background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif') left -479px no-repeat;
}


/*****Banner******/

@-webkit-keyframes slide {
  from{
      background-position:4000px;
  }
  to{
      background-position:2000px;
  }
}

#cloud{
  display:none \9;
  z-index: 3;
  position:absolute;
  top:140px;
  width:100%;
  height:270px;
  background:url('https://res.diytrade.com/hc.dwres/tpl/323/body/cloud.png');
  -webkit-animation: slide 80s linear infinite;
  left:0;
}

#plane{
  margin: 125px 0 0 280px;
  z-index: 4;
  position: absolute;
  width:214px;
  height:170px;
  background:url('https://res.diytrade.com/hc.dwres/tpl/323/body/plane.png') no-repeat;
  _background:none;
}

.inner #plane2{
  float:right;
  margin:5px 50px 0 0 ;
  width:300px;
  height:150px;
  background:url('https://res.diytrade.com/hc.dwres/tpl/323/body/plane2.png') no-repeat;
}

@-moz-document url-prefix() { 
  #cloud{display:none;}
}

/*opera only hack*/
@media not all and (-webkit-min-device-pixel-ratio:0) {  
   #cloud{display:none;}
}  

.banner{
  float:right;
  height:290px;
  margin:10px 30px 0 0;
}

#slogan{
  margin: 0 auto;
  width: 990px;
}

.slogan{
  position: absolute;
  z-index:999;
  margin: 70px 0 0 30px;
  width:400px;
}

.slogan2{
  float:left;
  margin:30px 0 30px 30px;
  font-size:28px;
  line-height:30px;
  width:60%;
}


.cSlogan{
  font-family: 'lane_-_narrowregular',Helvetica,  "microsoft yahei", Arial, sans-serif;
  font-size:30px;
  line-height:35px;
}


.banner .blockFrame{
  margin:0 auto;
}

/*-----home------*/
.newProd-block .content-container .cover-item {
  margin: 0 25px 10px 20px;
}

.newProd-block .title-header{
  border-color: #ea6c30;
}

.contact-block ul li.contact-CompanyName{
  font-weight:normal !important;
  color: #444;
  border-left: 3px solid #ea6c30;
  padding:0 0 0 10px !important;
}

.paraName{
  color: #444;
}

/*-----productLanding------*/
.items-list.landing.detail{
  margin:20px 0 0 0;
  padding:40px 30px;
}

.items-list.landing .item-box .item-text {
  margin: 0 15px;
}

.items-list.landing  .item-box .item-text a{
  font-family: 'hattori_hanzolight', "microsoft yahei", Helvetica, Arial;
  font-size: 15px;
  font-weight:normal;
}

.items-list.landing .item-box.left {
margin:  0 8% 0 0;
padding:0;
}

/*******productList default setting*******/
.items-list{
  background-color:#fff;
}

.item-box .item-text a{
  color:#454545;
}

.item-box .item-text a:hover {
  color:#e66a47;
}

.item-box .item-text h1{
  color:#454545;
}

.item-box .item-text .cUnitPrice{
  margin: 0 0 8px 0;
}

.item-box .item-text a.cPayLink{
  background-color: #7ec1d2;
  color: #fff;
}

/*-----productTemp2------*/
.items-list.prodTpl_2 .item.block{
	padding: 20px 0px 20px 10px;
}


/********prdouctDetails********/
.items-list.detail{
  padding:30px 0px;
}

.product-info h1{
  font-weight:normal;
  font-family: 'hattori_hanzolight', "microsoft yahei", Helvetica, Arial;
}

.page-nav ul.pagination a.previous, .page-nav ul.pagination a.next{
  background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif');
  background-repeat: no-repeat;
  text-indent: -999px;
  border:none;
  background-color:transparent;
  box-shadow:none;
  width: 10px;
  height:20px;
}

.page-nav ul.pagination a.previous{
  background-position: left -250px;
}

.page-nav ul.pagination a.next{
  background-position: right -250px;
}

.pagination a{
  color:#717171;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border:solid 1px #DDDDDD;
}

.pagination a.active,.pagination a:hover{
  background:#ea6c30;
  color:#fff;
  text-decoration:none;
  border:solid 1px #fff;
}

.product-container h2{
  font-weight: normal;
  font-family: 'hattori_hanzolight', "microsoft yahei", Helvetica, Arial;
  font-size: 15px;
  color:#505050;
}

.related-product .imgFrame{
  border:1px solid #e1e1e1;
}

.related-product {
  margin: 10px 24px 0 0;
}

.related-product a{
  color:#555;
}

.related-product a:hover{
  color:#e66a47;
  text-decoration:none;
}

.more-views li.imgBorderH{
  border:1px solid #e66a47;
}


.button-list{
  padding:20px 0;
  border-bottom:1px dotted #ddd;
}

.button-list a img{
  outline: none;
  border: none;
}

.button, .cnt-button{
  border:1px solid #ddd;
  background-image: linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -o-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
}

button.button span span {
  color:#444;
  text-transform: capitalize;
  padding: 0 15px;
}

.button-social span{
	float:left;
	line-height: 20px;
}


ul.social li a {
  background: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif') 0 0 no-repeat;
}

ul.social li a.facebook {
  background-position:0 -385px;
}

ul.social li a.twitter {
  background-position:-40px -385px;
}

ul.social li a.google {
  background-position:0 -410px;
}

ul.social li a.pinterest {
  background-position:-40px -410px;
}

/*****pager**********/
.pager{
  margin-top:20px;
  background-color: #fafafa;
  border: 1px solid #eee;
  padding:5px 0;
}

.pager.bottom{
  background-color: #fafafa;
  border: 1px solid #eee;
  line-height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.pager p{
  padding: 0 10px;
}

.pager .pages {
  padding: 0 10px;
  margin:5px 0 0 0;
}

.pager .pages li.nav h2{
  text-indent:-999px;
  background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png');
  *background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif');
  background-repeat: no-repeat;
}

.pager .pages li.nav.next h2{
  background-position: right -250px;
}

.pager .pages li.nav.prev h2{
  background-position: left -250px;
}

.pager .pages li.current{
  background-color:#e66a47;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color:#fff;
}

.pager .pages li.current a{
  color:#fff;
}

.pager .pages li a{
  color:#696969;
}

/*****tools*********/

.toolbar {
  margin:5px 0;
}

.toolbar .form-search{
  width:200px;
  position: relative;
  float:left;
 -webkit-box-shadow: inset 0px 0px 5px 0px #eaeaea;
  -moz-box-shadow: inset 0px 0px 5px 0px #eaeaea;
  box-shadow: inset 0px 0px 5px 0px #eaeaea;
  -moz-border-radius: 15px;
  background: transparent;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border-style: solid; 
  border-color: #d6d6d6;
  border-width:1px 1px 1px 1px; 
}
.toolbar .searchbox{
  float:left;
  width:160px; 
  height:26px; 
  margin:0 0 0 10px; 
  padding:0px;
  border:none;
  text-indent:5px; 
  color:#666;
  white-space: nowrap;
  background:transparent;
}

.toolbar .searchbtn{
  color: transparent;
  position:absolute;
  right:10px;
  border:none;
  background: transparent url('https://res.diytrade.com/hc.dwres/tpl/323/other/zoom.gif') no-repeat center center; 
  filter:chroma(color=#000000);
  float:right;
  width:26px; 
  text-indent:-999px; 
  overflow:hidden; 
  height:26px; 
  outline: none;
}

/*****Footer********/
.funcFooter{
  background: url('https://res.diytrade.com/hc.dwres/tpl/323/footer/bg.jpg') left bottom repeat-x;
  color:#6d6d6d !important;
}

.atext1{
  color:#6d6d6d;
}

.counter table{
  margin:5px 0 0 0;
}

.counter div iframe{
  height:20px;
}

.funcFooter .footerMenu ul li{
  border-right: 1px solid #ccc;
}

.footerMenu a, .langMenu a{
   color: #666;
}

.footerMenu a:hover, .langMenu a:hover{
  color: #e66a47;
}

.langMenu ul li{
  border-right: 1px solid #ccc;
}

.powerby{
	color:#fff;
}

/*-----sitemap------*/
.Sitemap{
  margin: 20px 0;
  padding: 30px 10px;
  border:none;
}

.Sitemap h4 a {
  color: #e66a47;
}

.Sitemap  ul li {
  background: url("https://res.diytrade.com/hc.dwres/tpl/323/sprite/bt_list.gif") 0 5px no-repeat;
}

.Sitemap  ul li a {
 color: #666;
}

.Sitemap  ul li a:hover, .Sitemap  ul ul li a:hover {
 color: #e66a47;
}

.Sitemap ul ul li {
  background: url("https://res.diytrade.com/hc.dwres/tpl/323/sprite/bt_list2.gif") 0 5px no-repeat;
}

.Sitemap ul ul li a {
 color: #888;
}


/*-----news------*/
.NewsList {
	padding: 30px 5px;
}

.NewsList .cssDes h2, .NewsList .detail h2{
  color:#222;
  font-family: 'hattori_hanzolight', "microsoft yahei", Helvetica, Arial;
  font-weight:normal;
  font-size:14px;
}

.NewsList .cssDes.col2 h2{
  display:inline-block;
  text-indent: 12px;
  background: url("https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif") 0px -132px no-repeat;
}

.NewsList .cssDes.col2{
  border-top:1px dotted #ddd;
}

.NewsList h2 a{
  color: #e66a47;
}

.NewsList .detail{
  width:350px;
  *width:330px;
}

/*-----product Password------*/
.items-list.password{
  background-color:#fff;
  padding:10px 0px;
  border:none;
}

.items-list.password h1{
  color:#444;
  font-size:14px;
  font-family: 'hattori_hanzolight', "microsoft yahei", Helvetica, Arial;
}

.items-list.password form input.password-input {
  border: 1px solid #cacaca;
}

.items-list.password form input.password-button{
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color: #7ec1d2;
  color: #fff !important;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.items-list.password form input.password-button:hover{
  background-color:#e66a47;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

/*-----paragraph-------*/
.cnt-button a, .cnt-button:hover > a{
	text-shadow: 0px 0px 0px orange;
	color:#444;
}

/*-----Contact Form-------*/
.cssContact b {
  font-family: 'hattori_hanzolight', "microsoft yahei", Helvetica, Arial;
  margin: 0 0 8px 0;
  background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/image.png');
  *background-image: url('https://res.diytrade.com/hc.dwres/tpl/323/sprite/images.gif');
  background-repeat: no-repeat;
  background-position: 0 -220px;
  text-indent: 10px;
}

.cssContact .cssRemarks{
  color:#ff6600;
}

.cssContact td.cssButton input {
  border:1px solid #ddd;
  background-image: linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -o-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -moz-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -webkit-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-image: -ms-linear-gradient(bottom, #ddd 0%, #FFFFFF 100%);
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.2);
}

/*------basket---------*/

.basket-remove a{
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background-color:#7ec1d2;
  color: #fff !important;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

.basket-remove a:hover{
  background-color:#e66a47;
  -webkit-transition: background-color 500ms linear;
  -moz-transition: background-color 500ms linear;
  -o-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;
}

 /**User CSS*/